/**
 * 采购商中心8-我的咨询.<br/>
 *
 * @author fsl-fzh-20151109
 */
$(function () {

    var defaultPagingObj = {
        total : 0,
        pageSize : 10,
        page : 0
    };

    PAGE_DATA.pagingObj = $.extend(defaultPagingObj, PAGE_DATA.pagingObj);

    commTemplUtil.initPage();

    // 渲染左侧菜单;
    commTemplUtil.initCommLeftMemu();
    //渲染左侧 默认选中 
    commTemplUtil.setLeftMenu(8);

    //页面首次渲染,
    renderPage();
     // TAB 切换.
    $("#commTabs_1").commNavTabs();

});

/**
 * 首次渲染页面.<br/>
 *
 *
 * @author fsl-fzh-20151109
 */
function renderPage() {
    $.ajax({
        url : PAGE_CONFIG.requestUrl.queryMyconsult,
        type : "get",
        dataType : "json",
        data : {
            page : 1,
            pageSize : PAGE_DATA.pagingObj.pageSize,
            tab : -1 // -1: 全部tab, 0: 全部, 1: 已回复;
        },
        success : function (result) {

            var datas = $.extend([], result.data);
            renderTabs(datas);
        },
        error : function (xhr, status, error) {
            commTemplUtil.showErrorDialog({
                title : "注意！",
                message : "获取数据失败！",
                ok_txt : "确定"
            });
        }
    });
};

/**
 * 渲染tab列表.<br/>
 *
 * @param data {array} tab列表数据.
 *
 * @author fsl-fzh-20151109
 */
function renderTabs(data) {
    for (var i = 0, len = data.length; i < len; i++) {
        renderTabItem(i, data[i]);
    }
};

/**
 * 渲染 单个tab.<br/>
 *
 * @param index {int} tab序号.
 * @param data {array} tab列表数据.
 *
 * @author fsl-fzh-20151109
 */
function renderTabItem(index, data) {

    // 全部咨询
    var tabTempl_0 = _.template($("#consult-templ").html());
    // 已回复, 布局是一样的.
    // var tabTempl_1 = _.template($("#consult-templ").html());

    var onClickObj = {
        onClick : function () {
            var clickPage = $(this).attr("data-page");
            var tabObj = $(this).parents(".body-item");
            getTabData(parseInt(clickPage), tabObj);
        }
    };

    var templsObj = {
        0 : tabTempl_0,
        1 : tabTempl_0
    };

    var tabBodyObj = $("#commTabs_body_" + index);
    // tabBodyObj.html(templsObj[index](data.detail));
    tabBodyObj.html(tabTempl_0(data.detail));

    // 翻页控件.
    var tmpConf = $.extend(data.pagingConfData, onClickObj);
    commTemplUtil.initPaging("#comm-paging-" + index, tmpConf);

};

/**
 * 翻页时-渲染单个 tab. <br/>
 *
 * @author fsl-fzh-20151109
 */
function getTabData(page, tabObj) {

    var onClickObj = {
        onClick : function () {
            var clickPage = $(this).attr("data-page");
            var tabObj = $(this).parents(".body-item");
            getTabData(parseInt(clickPage), tabObj);
        }
    };

    var tabStatus = tabObj.find(".sel-status").val() || '';
    // var tabTempl = _.template($("#item_template_" + tabStatus).html());
    var tabTempl = _.template($("#consult-templ").html());
    
    $.ajax({
        url : PAGE_CONFIG.requestUrl.queryMyconsult,
        type : "get",
        dataType : "json",
        data : {
            page : page,
            pageSize : PAGE_DATA.pagingObj.pageSize,
            tab : tabStatus // tabStatus: -1: 全部tab, 0: 全部, 1: 已回复;
        },
        success : function (result) {
            var datas = $.extend([], result.data);
            //renderTabItem(tabStatus, datas);
            renderTabs(datas);
        },
        error : function (xhr, status, error) {
            commTemplUtil.showErrorDialog({
                title : "注意！",
                message : "获取数据失败！",
                ok_txt : "确定"
            });
        },
    });

};
